html,
body {
    width: 100%;
    height: 100%;
    background: #eee;
    
}

html {
    font-size: 62.5%;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}


.errMassage{
  font-size:2.4rem;
  width:100%;
  word-wrap:break-word; 
  margin-top:40%;
  font-weight:500;
  color:red;
  text-align:center;
  line-height:2.4rem;


}

.hearder {
    position: relative;
    width: 100%;
    height: 10%;
    border-bottom: 1px solid #ccc;
    background: #fff;
}

    .hearder p {
        text-align: center;
        color: #8F8F8F;
    }

    .hearder .titleName {
        line-height: 3rem;
        font-size: 1.6rem;
        color: #000;
    }

        .hearder .titleName.addName {
            padding: 1rem 0;
        }

#ordersMoneys {
    color: #ff0000;
    font-size: 1.4rem;
    padding: 0 1rem;
}

.changepays {
    background: #fff;
    height: 3rem;
    font-size: 1.5rem;
    color: #000;
    line-height: 3rem;
    text-align: center;
    color: #888;
}

.payList {
    margin-top: .5rem;
    background: #fff;
    width: 100%;
}

    .payList ul li {
        padding: 0 1.3rem;
    }

    .payList label {
        background: url('images/nosel.png')no-repeat;
        background-size: 1.6rem 1.6rem;
        background-position: 0 1.8rem;
        width: 100%;
        height: 5rem;
        display: inline-block;
        line-height: 5rem;
        border-bottom: 1px solid #ccc;
        position: relative;
    }

    .payList .actives {
        background-image: url('images/sel.png');
    }

.oInputRdio {
    display: none;
}

.payList input[type="radio"] {
    width: 100%;
    height: 100%;
    display: none;
}

.payList label .weixin {
    display: inline-block;
    width: 3.5rem;
    height: 3rem;
    position: absolute;
    top: 1.2rem;
    left: 3.5rem;
}

.payList label .zhifu {
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    position: absolute;
    top: 1.2rem;
    left: 3.5rem;
}

.payList label .gy {
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    position: absolute;
    top: 1.2rem;
    left: 3.5rem;
}

.payList label .payNames {
    padding-left: 9rem;
    font-size: 1.6rem;
}

#orderNames {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: fixed;
    bottom: 4.8rem;
    line-height: 2rem;
    font-size: 1.4rem;
    padding-left: 2rem;
    width: 80%;
}

.footers {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 4rem;
    width: 100%;
    background: #fff;
    font-size: 1.5rem;
}

    .footers .footPrice {
        float: left;
        padding-left: 2rem;
        text-align: left;
        width: 60%;
        display: inline-block;
        line-height: 4rem;
    }

    .footers .linkBank {
        height:4rem;
        line-height: 4rem;
        float: right;
        width: 30%;
        text-align: center;
    }

.addBanks {
    position: relative;
}

    .addBanks i a {
        color: #000;
        position: absolute;
        right: 1rem;
        top: 2.5rem;
        font-size: 1.4rem;
        font-style: normal;
    }

.addbankList {
    background: #fff;
}

    .addbankList ul li {
        height: 5rem;
        line-height: 5rem;
        padding: 0 1.5rem;
        position: relative;
    }

        .addbankList ul li a {
            color: #000;
        }

        .addbankList ul li p {
            border-bottom: 1px solid #ccc;
        }

        .addbankList ul li img {
            margin: 0 1rem;
            display: inline-block;
            width: 3rem;
            height: 3rem;
            position: absolute;
            top: 1rem;
        }

        .addbankList ul li span {
            padding-left: 6rem;
            font-size: 1.5rem;
        }

.oInputBank {
    background: #fff;
    width: 100%;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
}

    .oInputBank label {
        position: relative;
        width: 100%;
        height: 6rem;
        display: inline-block;
        line-height: 6rem;
    }

        .oInputBank label i {
            height:;
            position: absolute;
            right: 1.2rem;
            top: 2rem;
            width: 1.6rem;
            background: url('images/clear.jpg') no-repeat;
            background-size: 100%;
        }

        .oInputBank label span {
            width: 6rem;
            text-align: left;
            display: inline-block;
            font-size: 1.4rem;
            padding: 0 1rem;
        }

        .oInputBank label input {
            width: 52%;
            border: 0;
            outline: none;
            font-size: 1.2rem;
        }

.getGo {
    width: 100%;
    text-align: center;
    margin-top: 5rem;
}

    .getGo .btnGo {
        background: #C0C0C0;
        outline: none;
        border: 0;
        width: 100%;
        display: inline-block;
        height: 4rem;
        line-height: 4rem;
        font-size: 1.6rem;
        color: #fff;
    }


.bankGo {
    background-size: cover;
    position: absolute;
    top: 5px;
    left: 10px;
    width: 1rem;
    height: 80%;
    display: inline-block;
    background: url('images/back.png') no-repeat;
}

.nextBtn {
    width: 100%;
    display: inline-block;
    height: 4rem;
    line-height: 4rem;
    font-size: 1.6rem;
    color: #fff;
    background: #4CD964;
}

.getGo .active {
    background: #6FCB15;
}

.masgInfo {
    background: #fff;
    width: 100%;
}

    .masgInfo .masgInfop {
        border-bottom: 1px solid #ccc;
        padding-left: 1.2rem;
        height: 5rem;
        line-height: 5rem;
        font-size: 1.6rem;
    }

        .masgInfo .masgInfop span {
            width: 7rem;
            text-align: left;
            display: inline-block;
            font-size: 1.4rem;
            padding-right: 1rem;
        }

.bannerIofo {
    width: 100%;
    height: 13rem;
    background: #FF7300;
    position: relative;
}

    .bannerIofo .infos {
        width: 7rem;
        display: inline-block;
        text-align: left;
        position: absolute;
        top: 3rem;
        left: 4rem;
    }

        .bannerIofo .infos span {
            color: #fff;
            line-height: 3rem;
            font-size: 1.8rem;
            display: inline-block;
        }

    .bannerIofo .bannerImg img {
        width: 9rem;
        height: 8rem;
        position: absolute;
        right: 3rem;
        top: 2rem;
    }

.telInfo {
    font-size: 1.4rem;
    padding: 1.2rem 0.8rem;
    color: #717171;
}

.getCode {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

    .getCode input {
        padding-left: 0.8rem;
        outline: none;
        font-size: 1.6rem;
        border: 0;
        height: 4rem;
        width: 60%;
    }

    .getCode button {
        color: #fff;
        font-size: 1.6rem;
        outline: none;
        border: 0;
        background: #6FCB15;
        width: 40%;
        height: 4rem;
        position: absolute;
        right: 0;
        top: 0;
    }

    .payBtn{line-height:4rem; width:100%;height:100%; outline:none;border:0;color:#fff;font-size:1.8rem;font-weight:400;box-sizing:border-box;}